Code Playground

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class='container'>
  
  <img class='img1' src="https://gistcdn.githack.com/AnniePawl/edd53a65352d9fdaa8f843d445eb5f13/raw/9c57b939f9afd1f5ad411cc1d91fb3c301338ef7/shark.svg" />  <p>Rubber ducky, the unsung hero of bubble baths, floats triumphantly like a tiny, yellow battleship of joy, quacking silently as it surveys the soapy abyss. Its beady black eyes hold secrets of bathtime lore, and its squeak? Oh, that squeak is the anthem of chaos itself, a symphony of playful absurdity. It bobs up and down, defying gravity and logic, a plastic enigma in a frothy sea, daring you to question its purpose. Is it just a toy? Or a philosopher disguised as bathroom decor? Some say rubber duckies are spies from the aquatic underworld, plotting to overthrow soap dishes everywhere. Others believe they’re interdimensional beings, slipping between realms to bring whimsy to the mundane. All hail the rubber ducky, a deity of delightful nonsense, ruler of tubs, pools, and puddles alikeRubber ducky, the unsung hero of bubble baths, floats triumphantly like a tiny, yellow battleship of joy, quacking silently as it surveys the soapy abyss. Its beady black eyes hold secrets of bathtime lore, and its squeak? Oh, that squeak is the anthem of chaos itself, a symphony of playful absurdity. It bobs up and down, defying gravity and logic, a plastic enigma in a frothy sea, daring you to question its purpose. Is it just a toy? Or a philosopher disguised as bathroom decor? Some say rubber duckies are spies from the aquatic underworld, plotting to overthrow soap dishes everywhere. Others believe they’re interdimensional beings, slipping between realms to bring whimsy to the mundane. All hail the rubber ducky, a deity of delightful nonsense, ruler of tubs, pools, and puddles alikeRubber ducky, the unsung hero of bubble baths, floats triumphantly like a tiny, yellow battleship of joy, quacking silently as it surveys the soapy abyss. Its beady black eyes hold secrets of bathtime lore, and its squeak? Oh, that squeak is the anthem of chaos itself, a symphony of playful absurdity. It bobs up and down, defying gravity and logic, a plastic enigma in a frothy sea, daring you to question its purpose. Is it just a toy? Or a philosopher disguised as bathroom decor? Some say rubber duckies are spies from the aquatic underworld, plotting to overthrow soap dishes everywhere. Others believe they’re interdimensional beings, slipping between realms to bring whimsy to the mundane. All hail the rubber ducky, a deity of delightful nonsense, ruler of tubs, pools, and puddles alikeRubber ducky, the unsung hero of bubble baths, floats triumphantly like a tiny, yellow battleship of joy, quacking silently as it surveys the soapy abyss. Its beady black eyes hold secrets of bathtime lore, and its squeak? Oh, that squeak is the anthem of chaos itself, a symphony of playful absurdity. It bobs up and down, defying gravity and logic, a plastic enigma in a frothy sea, daring you to question its purpose. Is it just a toy? Or a philosopher disguised as bathroom decor? Some say rubber duckies are spies from the aquatic underworld, plotting to overthrow soap dishes everywhere. Others believe they’re interdimensional beings, slipping between realms to bring whimsy to the mundane. </p>

</div>

</body>
</html>

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800);
*,
:after,
:before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
 body{
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2f2f2;
}
.container{
  height:400px;
  width:775px;
}
img{
  float: right;
  width: 600px;
  shape-outside: url( https://gistcdn.githack.com/AnniePawl/edd53a65352d9fdaa8f843d445eb5f13/raw/9c57b939f9afd1f5ad411cc1d91fb3c301338ef7/shark.svg);
  shape-margin:8px;
  margin-right: -225px;
  margin-bottom: 0;
  margin-left:8px;
}
p{
  color:#332d1d;
  text-align:justify;
  font-family:sans-serif;
  letter-spacing:.45px;
  font-size:10px;
  line-height:9px;
  max-width:675px;
}
@media screen and (max-width: 1000px) {
  .container{
    transform:scale(.57);
  }
body{
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2f2f2;
}
.container{
  height:400px;
  width:775px;
}
img{
  float: right;
  width: 600px;
  shape-outside: url( https://gistcdn.githack.com/AnniePawl/edd53a65352d9fdaa8f843d445eb5f13/raw/9c57b939f9afd1f5ad411cc1d91fb3c301338ef7/shark.svg);
  shape-margin:8px;
  margin-right: -225px;
  margin-bottom: 0;
  margin-left:8px;
}
p{
  color:#332d1d;
  text-align:justify;
  font-family:sans-serif;
  letter-spacing:.45px;
  font-size:10px;
  line-height:9px;
  max-width:675px;
}
@media screen and (max-width: 1000px) {
  .container{
    transform:scale(.57);
  }
}

Frontend Forever App